<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>视口单位</title>

    <style></style>
  </head>
  <body>
    <!-- 
       视口：利用视口单位做适配页面，vw/vh
            1vw等于视口宽度（viewport width）的百分之一，也就是说100vw就是视口的宽度；
            1vh等于视口高度（viewport height）的百分之一。100vh就是视口的高度；
            vw——viewpoint width，视窗宽度，1vw等于视窗宽度的1%；
            vh——viewpoint height，视窗高度，1vh等于视窗高度的1%；
     -->

    <script></script>
  </body>
</html>
